<template>
  <div id="my_footer">
    <div class="footerBox">
      <div class="footerLeft">
        <p>
          <span>关于我们</span>
          <span>公司介绍</span>
          <span>联系我们</span>
          <!-- <span>加入我们</span>
          <span>掌上动态</span> -->
          <span>服务动态</span>
          <span>隐私条款</span>
        </p>
        <p>
          <span>商务投放</span>
          <span>华北：152-1094-6735/177-0165-0880</span>
          <span>华东：152-0198-6520</span>
          <span>华南：137-6020-7099</span>
        </p>
        <p>
          <span>联系我们</span>
          <span>商务合作：anguannan@adzshd.com</span>
          <span>品牌合作：zhaoyingying@adzshd.com</span>
        </p>
        <p>
          <span>友情链接</span>
          <span>掌上互动</span>
          <span>小涵兼职</span>
          <span>掌上数据</span>
        </p>
        <p>版权所有 CopyRight 2016-2020 掌上互动数据平台 京ICP备15031574号-1</p>
      </div>
      <div class="footerRight">
        <div class="rightItem">
          <img src="../assets/wang/navFooter/zshdEwm.jpg" alt="" />
          <p>掌上数据平台</p>
        </div>
        <div class="rightItem">
          <img src="../assets/wang/navFooter/mitan.png" alt="" />
          <p>掌上密探</p>
        </div>
        <div class="rightItem">
          <img src="../assets/wang/navFooter/chuanmei.png" alt="" />
          <p>掌上互动传媒</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang='less' scoped>
.pl_188 {
  padding-left: 208px !important;
}
#my_footer {
  box-sizing: border-box;
  background-color: hsl(0, 0%, 95%);
  // padding-left: 78px;
  .footerBox {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    .footerLeft {
      min-width: 789px;
      p {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #11121c;
        span {
          padding-right: 30px;
          opacity: 0.7;
        }
        span:nth-of-type(1) {
          opacity: 1;
        }
      }
      p:nth-of-type(1) {
        padding-top: 12px;
      }
      p:last-child {
        font-size: 12px;
        color: #11121c;
        opacity: 0.5;
      }
    }
    .footerRight {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      .rightItem {
        width: 88px;
        margin-top: 13px;
        margin-right: 11.4%;
        img {
          width: 88px;
          height: 88px;
        }
        p {
          text-align: center;
          font-size: 12px;
          color: #11121c;
          opacity: 0.5;
          padding-top: 9px;
        }
      }
      .rightItem:last-child {
        margin-right: 0;
      }
    }
  }
}
</style>